/*
    Document   : primefaces
    Created on : 28-mar-2013, 20:19:58
    Author     : ervaka
    Description:
        CSS intended to override default's Primefaces look
*/

.ui-widget, .ui-widget .ui-widget {
    font-size: 90%;
    font-family: Dosis;
}

.ui-messages {
    line-height: normal !important;
}

.ui-menu .ui-menuitem-link{
    font-size: 17px;
}
.ui-menu{
    width: auto;
    margin-right: 8px;
    border-left: 0;
    border-radius: 0 3px 3px 0;
    margin-top: 9px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
    font-family: Dosis;
}
/*
#loginPanel{
    color: #CCC;
    background: rgba(50,50,50,0.9);
    border-radius: 0 0 10px 10px;
    z-index: 0 !important;
    border: 0;
    box-shadow: 0.2em 0.4em 0.4em black;
}
*/
.ui-datatable-header{
    line-height: 31px;
}

.ui-datatable-header > button {
    float: right;
    margin-bottom: 0.5em;
    font-size: 70% !important;
}

.ui-button.ui-state-hover, .ui-menuitem-link.ui-state-hover{
    border: 1px solid rgb(230, 127, 68);
    background: #f84 url("/Tiendalia-war/tiendalia/javax.faces.resource/images/ui-bg_highlight-hard_80_85b2cb_1x100.png?ln=primefaces-aristo") 50% 50% repeat-x;
    background: #f84 linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0));
    background: #f84 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.7)), to(rgba(255,255,255,0)));
    background: #f84 -moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0));
    font-weight: bold;
    color: #313131;
    -moz-box-shadow: 0 0 5px #f84;
    -webkit-box-shadow: 0px 0px 8px #f84;
    box-shadow: 0px 0px 8px #f84;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid rgb(171, 140, 112);
}

#cartForm .ui-datatable-footer {
    border-top: 1px solid #a8a8a8;
}